*{
  padding: 0;
  margin: 0;
   box-sizing: border-box;
}
.first{
  height: 786px;
  /* background-color: blueviolet; */
  position: relative;
}
.bg_img{
  height: 786px;
  margin: auto;
  background-image: url(../img/背景图1.png);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
  filter: blur(15px);
}
.bg_img::after{
  background: rgba(0, 0, 0, 0.5);
  /* z-index: -1; */
  display: block;
}
.first .headline{
  position: absolute;
  /* background-color: aqua; */
  filter: none;
  height: 250px;
  top:100px;
  left: 22%;
  display: block;
  padding: 20px;
}
.headline>h1{
  margin-top: 30px;
  width: 970px;
  font-size: 75px;
  font-family: 华文隶书;
  color: rgb(179, 70, 76);
  letter-spacing: 22px;
  /* filter: none; */
  line-height: 100px;
}
.first .skip{
  position: absolute;
  width: 550px;
  height: 220px;
  /* background-color: #684646; */
  left: 585px;
  bottom: 130px;  
  display: flex;
  flex-wrap: wrap;
}
.skip>.hylink{
  width: 275px;
  height: 110px;
  text-align: center;
  line-height: 110px;
}
.skip>.hylink>a{
  font-size: 40px;
  font-family:STKaiti;
  font-weight: 700;
  color: rgb(255, 255, 255);
}
.overview{
  height: 786px;
  background-color: #000000;
}
.over{
  width: 1300px;
  height: 786px;
  /* background-color: #fff; */
  margin: auto;
  border-bottom: 3px solid rgb(173, 172, 172);
}
.over>.title_over{
  height: 100px;
  line-height: 100px;
  font-size: 40px;
  font-family: STXingkai;
  color: #fff;
}
.over>.cont{
  height: 683px;
  /* background: #906060; */
  display: flex;
}
.cont>.conte{
  width: 630px;
  /* background-color: #a67878; */
  color: #fff;
  /* text-indent: 2em; */
  font-size: 21px;
  letter-spacing: 5px;
  font-family: LiSu;
}
.conte>p{
  text-indent: 2em;
}
.cont>.j1{
  margin-left: 30px;
  width: 640px;
  height: 580px;
  background-color: rgb(226, 233, 244);
}
.overview_1{
  height: 670px;
  background-color: #000000;
}
.overview_1>.over_1{
  width: 1300px;
  height: 660px;
  /* background-color: #fff; */
  margin: auto;
  padding-top: 50px;
  display: flex;
}
.over_1>.cont_1{
  width: 510px;
  height: 560px;
  /* background-color: #fa8282; */
  color: #fff;
  font-size: 24px;
  letter-spacing: 4px;
  font-family: LiSu;
  padding-top :200px ;
}
.cont_1>p{
  text-indent: 2em;
}
.over_1>.j2{
  width: 740px;
  height: 560px;
  background-color: rgb(226, 233, 244);
  margin-left: 50px; ;
  border-radius: 20px;
}
/* 第二部分  网络旋涡 */
.vortex{
  height: 750px;
  background-color: #000000;
}
.vor{
  width: 1300px;
  height: 750px;
  /* background-color: #fff; */
  margin: auto;
  border-bottom: 3px solid rgb(173, 172, 172);
  /* padding-top: 50px; */
  display: flex;
}
.cont_2{
  width: 630px;
  height: 747px;
  /* background-color: #fa8282; */
  /* padding-left: 55px;
  padding-top: 20px; */
}
.vor_img1{
  width: 600px;
  height: 560px;
  margin-top: 100px;
  margin-left: 70px;
  /* background-color: #4d3a8d; */
  background-image: url(../img/社保漩涡-图一.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.cont_2>.w1{
  margin-left: 55px;
  margin-top: 20px;
  height: 200px;
  line-height: 200px;
  font-size: 40px;
  font-family: STXingkai;
  color: #fff;
}
.cont_2>.w2{
  height: 300px;
  padding: 50px;
  /* background-color: #4d968a; */
  color: #fff;
  /* text-indent: 2em; */
  font-size: 23px;
  letter-spacing: 4px;
  font-family: LiSu;
}
.w2>p{
  text-indent: 2em;
}
.vortex2{
  height: 783px;
  background-color: #000000;
}
.vor2{
  width: 1300px;
  height: 750px;
  /* background-color: #fff; */
  margin: auto;
  /* border-bottom: 3px solid rgb(173, 172, 172); */
  /* padding-top: 50px; */
  /* display: flex; */
    color: #fff;
  /* text-indent: 2em; */
  font-size: 27px;
  letter-spacing: 3px;
  font-family: LiSu;
  padding: 80px;
}
.vor>p{
  text-indent: 2em;
}
/*  */
.vortex3{
  height: 660px;
  background-color: #000000;
}
.vortex3>.vor3{
  width: 1300px;
  height: 660px;
  /* background-color: #fff; */
  margin: auto;
  padding-top: 50px;
  display: flex;
  border-bottom: 3px solid rgb(173, 172, 172);
}
.vor3>.cont_3{
  width: 520px;
  height: 610px;
  /* background-color: #fa8282; */
  color: #fff;
  font-size: 22px;
  letter-spacing: 4px;
  font-family: LiSu;
  padding-top :50px ;
  padding-left: 60px;
}
.cont3>p{
  text-indent: 2em;
}
.vor3>.j3{
  width: 600px;
  height: 500px;
  background-color: rgb(247, 239, 226);
  margin-left: 100px; ;
  /* border-radius: 20px; */
}
.dilemma{
  height: 786px;
  background-color: #000000;
}
.dilemma>.dile{
  width: 1300px;
  height: 786px;
  /* background-color: #fff; */
  margin: auto;
  /* padding-top: 50px; */
  /* border-bottom: 3px solid rgb(173, 172, 172); */
}
.title_dilemma{
  height: 170px;
  /* background: #654646; */
  line-height: 200px;
  font-size: 40px;
  font-family: STXingkai;
  color: #fff;
  padding-left: 100px;
}
.dile_w{
  height: 586px;
  padding:100px;
  /* background-color: #4d968a; */
  color: #fff;
  text-indent: 2em;
  font-size: 25px;
  letter-spacing: 4px;
  font-family: LiSu;
  line-height: 30px;
}
/*  */
.di{
  height: 600px;
  background-color: rgb(0, 0, 0);

}
.dile_2{
  height: 600px;
  width: 1300px;
  margin: auto;
}
.j4{
  height: 270px;
  width: 1100px;
  /* background-color: #d66b6b; */
  margin: auto;
  background-image: url(../img/j4图.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.dile2_w{
  height: 330px;
  color: #fff;
  /* text-indent: 2em; */
  font-size: 25px;
  letter-spacing: 4px;
  font-family: LiSu;
  line-height: 30px;
  padding-top: 120px;
  padding-left: 100px;
  padding-right: 100px;
}
.di_3{
  height:783px;
  background-color: rgb(0, 0, 0);
}
.dile_3{
  height: 783px;
  width: 1300px;
  /* background-color: #fff; */
  margin: auto;
  display: flex;
}
.j5{
  margin-top: 70px;
  width: 900px;
  height: 700px;
  /* background-color: #714040; */
  background-image: url(../img/各地认劳率.png);
  background-size:100%;
  background-repeat: no-repeat;
}
.dile3_w{
  width: 400px;
  height: 300px;
  /* background-color: #599293; */
  margin-top: 280px;
  padding-left: 30px;
}
.dile3_w>p{
  font-size: 25px;
  letter-spacing: 3px;
  font-family: LiSu;
  line-height: 22px;
  color: #fff;
}
.dile3_w>p>span{
  color: rgb(179, 70, 76);
}
.di_4{
  height:1800px;
  background-color: rgb(0, 0, 0);
}
/* 修改这部分 */
.dile_4{
  height:1800px;
  width: 1300px;
  /* background-color: #ab5959; */
  margin: auto;
  padding-right:20px;
  padding-top: 150px;
  padding-left:20px ;
}
.dile_4>p{
  font-size: 25px;
  letter-spacing: 3px;
  font-family: LiSu;
  line-height: 22px;
  color: #fff;
  text-indent: 2em;
}
.img_4{
  margin:auto;
  width: 500px;
  height: 500px;
  background-image: url(../img/img_4.png);
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: 100px;
  margin-bottom: 100px;
}
.img_41{
  margin:auto;
  width: 500px;
  height: 500px;
  background-image: url(../img/img_41.png);
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: 100px;
  margin-bottom: 100px;
}
/* 制度保障板块 */
.pro{
  height:3400px;
  background-color: rgb(0, 0, 0);
}
.pro_whole{
  height:3400px;
  width: 1300px;
  /* background-color: #ab5959; */
  margin: auto;
}
.pro_1{
  height: 364px;
  /* background-color: #a84343; */
  display: flex;
}
.pro_1_left{
  width: 500px;
  height: 364px;
  /* background-color: #3d7b6f; */
}
.pro_1_left>h1{
  font-size: 75px;
  font-family: STXingkai;
  color: rgb(255, 255, 255);
  /* letter-spacing: 15px; */
  /* filter: none; */
  line-height:364px;
  /* padding-left: 100px; */
}
.pro_1_img{
  width: 800px;
  height:364px;
  /* background-color: #6aad58; */
  background-image: url(../img/制度保障—图.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.pro_2{
  width: 700px;
  height: 400px;
  /* background-color: #27754f; */
}
.pro_2>p{
  font-size: 24px;
  letter-spacing: 3px;
  font-family: LiSu;
  line-height: 30px;
  color: #fff;
  padding-top: 80px;
  padding-left: 10px;
}
/*  */
.pro_3{
  height: 520px;
  /* background-color: #da6b6b; */
  display: flex;
}
.pro_3_w{
  width: 600px;
  height: 520px;
  /* background-color: #b59090; */
}
.pro_3_w>p{
  font-size: 24px;
  letter-spacing: 3px;
  font-family: LiSu;
  line-height: 30px;
  color: #fff;
  padding-right: 50px;
  padding-top: 100px;
  padding-left: 10px;
}
.j6{
  width: 700px;
  height: 520px;
  background-color: rgb(253, 244, 230);
}
/*  */
.pro_4{
  width: 850px;
  height: 250px;
  /* background-color: #9bd45e; */
  /* float: right; */
  margin-left: 400px;
  font-size: 24px;
  letter-spacing: 2px;
  font-family: LiSu;
  line-height: 30px;
  color: #fff;
  padding-top: 150px;
  padding-right: 300px;
}
/*  */
.j7{
  width: 700px;
  height: 450px;
  background-color: rgb(253, 244, 230);
  margin-left: 100px;
  margin-top: 50px;
}
/*  */
.pro_5{
  margin-top: 200px;
  margin-left: 300px;
  width: 700px;
  background-color: #000000;
  height: 50px;
  text-align: center;
}
.pro_5>h4{
  letter-spacing: 2px;
  font-size: 40px;
  font-family: STXingkai;
  line-height: 50px;
  text-align: center;
  color: rgb(179, 70, 76);
}
.pro_6{
  height: 300px;
  /* background-color: #d3f4aa; */
  text-align: center;
  padding-top: 30px;
  font-size: 24px;
  letter-spacing: 2px;
  font-family: LiSu;
  line-height: 30px;
  color: #fff;
}
/*  */
.pro_7{
  margin-top: 200px;
  height: 300px;
  letter-spacing: 4px;
  font-size: 40px;
  font-family: STXingkai;
  color: #ffffff;
  line-height: 300px;
  /* background-color: #8c2828; */
}
.end{
  height: 250px;
  /* background-color: #aa7474; */
  font-size: 15px;
  /* letter-spacing: 2px; */
  /* font-family: LiSu; */
  line-height: 30px;
  color: #fff;
}
